<template>
  <div class="root">
      <div class="title">
        <i class="el-icon-apple">简心</i>     
        <audio src="https://al-qn-echo-cp-cdn.app-echo.com/c2/c8b0b1d66efae53a6a80f966677453e3dc9cb64e9c70402f6bf3b7086c44ed542bcd2456.mp3?1463325223"></audio>
      </div>
  </div>
</template>

<script>
export default {
    
}
</script>

<style lang="less" scoped>
  .root{
    width:100vw;
    height: 10vh;
    // border: 1px solid #ccc;
    background-color: white;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 10px #ccc;
    .title{
      width: 100px;
      height: 50px;
    //   background-color: skyblue;
      font-size: 2em;
      color: rgb(110, 238, 108);
    }
  }
</style>
